<template>
  <div>
        {{value}}
        <el-date-picker v-model="value" type="date" placeholder="选择日期" value-format="yyyy-MM-dd">
        </el-date-picker>
  </div>
</template>

<script>
export default {
      data() {
            return {
                value: ''
            }
        },
      methods: {
            querySearch(string,callback) {
              // 触发了这个获取建议的函数
              // 发送请求, 根据用户的输入拿到建议数组
              // 显示出来
              this.$axios({
                url:'/airs/city',
                params:{
                  name:string
                }
              }).then(res=>{
                const list = res.data.data.map(city=>{
                  return {
                    ...city,
                    value:city.name.replace('市','')
                  }
                })
              callback(list)
              })
            },
            handleSelect(item) {
                // 这里是用户选择了其中一个选项之后会触发的事件
                // 可以接收到用户选择选项的对象本身
                // 不单单是 value ,而是整个对象, 可以进行后续操作
                console.log('已经选中一个选项');
                console.log(item);
            }
        }
      }
</script>

<style>

</style>